<template>
  <div>
    <pieEchart
      :echart-id="'oc'"
      ref="oc"
      style="width: 360px; height: 220px; margin-left: 45px"
      :startAngle="'50'"
      :radius="'70%'"
    />
  </div>
</template>
<script>
import pieEchart from '@/views/components/PieChart/pie.vue'
export default {
  components: { pieEchart },
  mounted () {
    // const title = '非遗项目'
    const data = [
      {
        value: 68000,
        name: '已解除',
        itemStyle: {
          color: '#EA5B5B'
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 50,
            shadowOffsetX: 10,
            shadowColor: '#EA5B5B'
          }
        }
      },
      {
        value: 12000,
        name: '已履毕',
        itemStyle: {
          color: '#FFD643'
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 50,
            shadowOffsetX: 10,
            shadowColor: '#FFD643'
          }
        }
      },
      {
        value: 25000,
        name: '审核中',
        itemStyle: {
          color: '#0082FF'
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 50,
            shadowOffsetX: 10,
            shadowColor: '#0082FF'
          }
        }
      },
      {
        value: 25000,
        name: '履约中',
        itemStyle: {
          color: '#0BE29C'
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 50,
            shadowOffsetX: 10,
            shadowColor: '#0BE29C'
          }
        }
      }
    ]
    // console.log(data);
    this.$refs.oc.setOption({ data }, '')
  }
}
</script>
